<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>20210902124邵文杰作业4</title>
    <script src="node_modules\vue\dist\vue.js"></script>
</head>

<body>
    <div id="app">
        <p>{{message}}</p>
    </div>
</body>
<script>
var vm=new Vue({
        el: '#app',
        data: {
            message: '20210902124邵文杰第四次实验'
        },
        beforeCreate() {
            console.log("beforeCreate")
        },
        created() {
            console.log("created")
        },
        beforeMount() {
            console.log("beforeMount")
        },
        mounted() {
            console.log("mounted")
        },
        beforeUpdate() {
            console.log("beforeUpdate")
        },
        updated() {
            console.log("updated");
            vm.$destroy();
        },
        beforeDestroy() {
            console.log("beforeDestroy")
        },
        destroyed() {
            console.log("destroyed")
        },
        methods: {}
    });
    vm.message = 'Updated';
</script>

</html>